<template lang="">
  <div align="center">
      展示详情
      <table border="1" cellspacing="0">
          <tr>
              <td>ID</td>
              <td>购买时间</td>
              <td>到期时间</td>
              <td>所剩金额</td>
          </tr>
          <tr>
              <td>{{record.id}}</td>
              <td>{{record.stime}}</td>
              <td>{{record.etime}}</td>
              <td :class="record.money<=10?'add':''">￥{{record.money}}</td>
          </tr>
      </table>
  </div>
</template>

<script>
export default {
    data(){
        return{
            id:this.$route.query.id,
            record:{}
        }
    },
    methods:{
        getrescorlist(){
            this.axios.get('detailM?id='+this.id).then(res=>{
                this.record = res.data.record
            })
        },
    },
    mounted(){
        this.getrescorlist()
    }
}
</script>

<style>
.add{
    -webkit-text-fill-color: red;
}
</style>